    @import url('https://fonts.googleapis.com/css2?family=Poppins&family=Lato&family=Open+Sans&display=swap');
    @import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC');
    body {
      font-family: 'Andale Mono',Poppins,'Open Sans',Lato,'Montserrat',Helvetica, sans-serif;
    }

    html,body
    {
        margin:0;
        padding:0;
    }
/*
    body {
        width:fit-content;
    }
*/

    html {
        padding-right: 0px;
    }

    h1{
        text-align: center
    }

    details summary::-webkit-details-marker {
        display:none;
      }

    details > summary:first-of-type {
        list-style-type: none;
    }
    
    .sub {
        font-style: italic;
        color: #8D8D8D;
        font-weight: 100;
    }

    summary {
        padding: 0 30px;
    }

    .collapsible-container {
        min-width:max-content;
    }

    @media all and (max-width:600px){
        .freeze {
            position: sticky;
            font-weight: 900;
            /*background-color: #5593fd;*/
        }

        .f1 
            {
                left: 0px;
                background-color: #ecf0f1; /*#ffffff;*/
                /*box-shadow:0px 1px 3px  slategray inset;*/
                border-right:none;
            }

        table.sortable td.f1 {
            padding-left: 2px;
            padding-right: 8px;
        }
        
        .f2
            {
                left: 67px;
                background-color: #ecf0f1;
                /*box-shadow: inset 0px 1px 3px 0px  slategray, inset -1.9px 0px 1px 0px white;*/
                /*box-shadow:inset 0px 1px 3px 0px slategray;*/
                border-right:none;
                padding-left: 2px;
                padding-right: 4px;
            }

        .f3
            {
                left: 110px;
                background-color: #ecf0f1;
                /*box-shadow:inset 0px 1px 3px 0px  slategray, inset -1.9px 0px 1px 0px #343a40;*/
                padding-left: 2px;
                padding-right: 4px;
            }

        .fh {
                background-color: #5593fd;    
                /*box-shadow: 0px 1px 2px 0.5px slategray;*/  
                border-right:none;
            }


        table tbody:nth-of-type(1) tr:nth-of-type(1) td.freeze {
            border-top: none !important;
            }
            
        table thead th.fh {
            border-top: none !important;
            border-bottom: none !important;
            /*box-shadow: 0px 1px 2px 0.5px slategray; */
            /*padding: 2px 0;*/
            }
        
        .ff {
            background-color: #c7c7c7;
        }

        table thead th.f3 {
            /*box-shadow:inset 0px 1px 3px 0px  slategray, inset -1.9px 0px 1px 0px #343a40;*/
            padding-left: 6px;
            padding-right: 4px;
            }

        table thead th.f2 {
            /*box-shadow:inset 0px 1px 3px 0px  slategray;*/
            padding-left: 4px;
            padding-right: 4px;
            }
            
        table thead th.f1 {
            /*box-shadow:inset 0px 1px 3px 0px  slategray;*/
            padding-left: 4px;
            padding-right: 4px;
            }

        /* and one small fix for weird FF behavior, described in https://stackoverflow.com/questions/7517127/ */
        table thead th.fh {
        background-clip: padding-box;
        }

        td.f1::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            box-shadow: 0 0 1px 0.5px rgba(0, 0, 0, 0.3);
            z-index: -1;
        }

        td.f2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            box-shadow: 0 0 1px 0.5px rgba(0, 0, 0, 0.3);
            z-index: -1;
        }

        td.f3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            box-shadow: 0 0 1px 0.5px rgba(0, 0, 0, 0.3);
            z-index: -1;
        }
    }





    div.layer-strip div {
        text-align: center;
    }

    /*
    .sticky {
        position: sticky;
        position: -webkit-sticky;

    }
    */
    /*
    @media all and (max-width:600px){
        table.sortable td:first-child {
            position: sticky;
            left: 0;
            background-color:#eeeeee;
            border: 1px solid black;
            border-collapse: collapse;
            display: inline-block;
            margin:0px;
            padding:0px;
        }

        .sortable thead th:first-child {
            position: sticky;
            left: 0;
            background-color:#5593fd;
            border: 1px solid black;
            border-collapse: collapse;
            display: inline-block;
            margin:0px;
            padding:0px;
        } 
    }  
    */
    
    @media (max-width: 600px) {
        div.homepagetitlebanner::-webkit-scrollbar { 
            width: 0 !important 
        }

        div.homepagetitlebanner img {
            display:none;
        }

        div.row {
            max-width: 100vw;
            overflow-x:scroll;
        }
        
        .tooltip-inner {
            width:300px;
            overflow-x:scroll;
            padding-bottom: 40px;
            height:max-content;
            min-height: fit-content;
        }
    }

    @media only screen and (max-width:600px){
        table{
            max-width: 80vw;
            overflow-x:scroll;
            display:inline-block;
            border:none;
        }
        .leaderboards{
            width: 80vw;
            overflow-x:scroll;
            display:inline-block;
            border:none;
        }

        table.sortable td {
            padding: 1px 5px;
        }


        #East,#West {
            width:fit-content;
            border:none;
            overflow-x:scroll;
        }
        

        #team-index {
            width: 80vw;
            overflow-x:scroll;
        }

        }    

    table.season-page-team-stats td,table.season-page-team-stats th, table.season-page-standings td,table.season-page-standings th {
            border: 1px solid black;
            border-collapse: collapse;
        }

    table {
        width: 90%;
        /*min-width: 90%;*/
        /*max-width: 80%;*/
        /*display: inline-block;*/
        /*table-layout: fixed */
        overflow-x: scroll;
        margin-left: 30px;
        margin-right: 1%;	
        margin-bottom: 30px;
        /*display: inline-block;*/
    }
    
    /*
    table.sortable {
        width: 90%;
        /*min-width: 90vw;*/
        /*max-width: 100%;
        display: block;
        table-layout: fixed 
        overflow-x: auto;
    }
    table.sortable>thead,tbody{
        width:90vw;
    }
    */
    /*
    table, th, td {
      border: 1px solid black;
      border-collapse: collapse;
    }
    */
    table.sortable.leaderboards th, table.sortable.leaderboards td {
        border: 1px solid black;
        border-collapse: collapse;
      }

    table.sortable.leaderboards td {  
        background-color: #EDEDED;
    }
    th, td {
      padding: 1px;
      font-size: 14px;
      white-space: nowrap;
    }
    th {
        padding: 3px;
        text-align: left;
        font-family: 'Open Sans';
    }
    td {
        text-align: right;
        font-family: 'Open Sans',Lato,sans-serif;
        font-size: 14px;
        /*min-width:fit-content;*/
    }
    td.tooltiphead
    {
        border-bottom: 3px solid black;
        border-collapse: collapse;
    }
    td.ttds, td.tth, td.ttd
    {
        border-bottom: 1px solid black;
        border-collapse: collapse;
    }
    tr {
        min-width: 100%;
    }
    table.sortable tr, tr.tableheaders
    {
        box-shadow: 0px 1px 2px 0.5px slategray; /*rgba(0,0,0,0.2);*/
    }
    td.playerdetail, .popover-body table.sortable tr, .popover-body table.sortable tr td.ttd ttinfo popoverhead {
        box-shadow: 0px 0px 0px 0px;
    }
    button {
        background-color: #7986c7;
    }
    /*
    td.season-page-team-stats {
        font-size: 10px;
        margin: .2px;
        padding-left: 1px;
    } 
    */

    #player-search, #team-search, #team-index, #player-index, #example {
        display:none;
        /*margin: 0 10px;*/
        border:hidden;
    }

    table#example.dataTable.no-footer, table#example.dataTable.no-footer tbody {
        border-bottom:hidden;
        border-right:hidden;
        border-left:hidden;
        border-top:hidden;
    }

    table.season-page-team-stats td {
        font-size: 12px;
        padding: 2px;
        white-space:nowrap;
    } 

    table.season-page-team-stats th {
        padding: 0.2px;
    }

    table.season-page-standings th {
        padding: 3px;
    }

    .season-page-standings {
        width:600px;
    }

    .season-page-standings td {
        white-space: nowrap;
    }

    table.division-standings {
        width: 350px;
    }

    table.season-page-player-stats{
        display:block;
        max-height: 400px;
        /*width: 90%;
        padding-right: 3%;
        padding-left: 3%;*/
        overflow-y:scroll;
        overflow-x: auto;
        border-style:hidden;
        border-bottom-style:solid;
        border-width: 5px;
        border-color: darkslategray;
    }

    div.season-page-player-stats {
        width:max-content;
        margin-left:30px;
    }
    
    div.season-page-player-stats table {
        width: 100%;
        padding: 0;
        margin: 0 0 20px 0;
    }

    tr.tableheaders {
        position: -webkit-sticky; /* for Safari */
        position: sticky;
        top: 0;
    }

    table.season-page-player-pbp-stats {
        display:block;
        max-height: 400px;
        max-width: fit-content;
        /*width: 90%;
        padding-right: 3%;
        padding-left: 3%;*/
        overflow-y:scroll;
        overflow-x: scroll;
        border-style:hidden;
        border-bottom-style:solid;
        border-width: 5px;
        border-color: darkslategray;
    }

    div.season-page-player-pbp-stats table {
        align-items: center;
        align-content: center;
    }

    table.pythagorean th {
        font-size: 12px;
        max-width: 800px;
    }

    .pythagorean th {
        padding: 3px;
        white-space: nowrap;
    }

    .pythagorean td {
        white-space: nowrap;
    }

    table.pythagorean {
        width:1000px;
        white-space: nowrap;
    }

    .teamnamestruncated {
        width: 10px;
    }
 
    /*
    div.season-page-player-pbp-stats {
        width:max-content;
        margin-left:30px;
    }

    div.season-page-player-pbp-stats table {
        width: 100%;
        padding: 0;
        margin: 0 0 20px 0;
    }
    */

    table.long-table {
        width: 90%;
        /*min-width: 90%;*/
        max-width: 100%;
        display: block;
        /*table-layout: fixed */
        overflow-x: scroll;
        margin-left: 30px;
        margin-right: 1%;	
        margin-bottom: 30px;
        border-style:hidden;
    }
/*
    table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
        content: " \25B4\25BE" 
    }
*/
    tr:hover {
        border-color: #3167db;
        background-color: #8EE4FF;
        font-weight: 900;
        box-shadow: 0px 0px 16px 0px slategray; /*rgba(0,0,0,0.2);*/
    }
    a.button{
        display:inline-block;
        padding:0.3em 1.2em;
        margin: 0.5em 5px;
        border:0.16em solid rgba(255,255,255,0);
        border-radius:2em;
        box-sizing: border-box;
        text-decoration:none;
        font-weight:900;
        color:#FFFFFF;
        text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
        text-align:center;
        transition: all 0.2s;
        background-color: #4e9af1;
        border-color: #5f4fc7;
    }
    a.button:hover{
        border-color: rgba(255,255,255,1);
        background-color: #3167db;
    }
    @media all and (max-width:30em){
    a.button{
        display:block;
        margin:0.2em auto;
    }
    }


    /* TESTING CONVERSION OF LINKS ON BUTTON INTO DIVS OR INTO BUTTONS*/
    button.button{
        display:inline-block;
        padding:0.3em 1.2em;
        margin: 0.3em 1.5em;
        border:0.16em solid rgba(255,255,255,0);
        border-radius:2em;
        box-sizing: border-box;
        text-decoration:none;
        font-weight:900;
        color:#FFFFFF;
        text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
        text-align:center;
        transition: all 0.2s;
        background-color: #4e9af1;
        border-color: #5f4fc7;
    }

    button.button:hover{
        border-color: rgba(255,255,255,1);
        background-color: #3167db;
    }

    @media all and (max-width:30em){
    button.button{
        display:block;
        margin:0.2em auto;
    }
    }

/* TEST 2 - CUSTOM CSS ON BOOTSTRAP CLASS BTN*/

    button.btn{
        display:inline-block;
        padding:0.3em 1.2em;
        margin: 0.3em 1.5em;
        border:0.16em solid rgba(255,255,255,0);
        border-radius:2em;
        box-sizing: border-box;
        text-decoration:none;
        font-weight:900;
        color:#FFFFFF;
        text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
        text-align:center;
        transition: all 0.2s;
        background-color: #4e9af1;
        border-color: #5f4fc7;
    }

    button.btn:hover{
        border-color: rgba(255,255,255,1);
        background-color: #3167db;
    }

    @media all and (max-width:30em){
    button.btn{
        display:block;
        margin:0.2em auto;
    }
    }

    /* END OF TEST */

    .banner {
        background-color: #4e9af1;
        font-size: 30px;
        font-weight: 990;
        color:#FFFFFF;
        padding: 1px;
    }

    .bottom-table {
        margin-bottom: 50px;
    }

    .tablenames {
        font-weight: 900;
        font-size:18px;
        margin-bottom:8px;
        text-align:center;
    }
    .tableheaders {
        background-color: #5593fd;
        color:#FFFFFF;
        text-align:center;
    }
    .evenrows {
        background-color: #FAF9F6 /*#eeeeee*/
    }
    .oddrows {
        background-color: #d4d4d4;
    }
    .leaguerows {
        background-color: #c7c7c7;
        font-weight: 900;
    }
    .dropdown {
        position: relative;
        display: inline-block;
    }
    .drop {
      color: white;
      padding: 16px;
      font-size: 16px;
      border: none;
    }
    .drop-items {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        max-height:90px;
        overflow-y: auto;
    }

    .awards-menu {
        margin-bottom: 2%;
        /*margin-bottom: 30px;*/
        width:100%;
        padding-left: 2%; /*30px;*/ 
        height: 120px; /*180px;*/
    }

    .row:after {
        content: "";
        display: table;
        clear: both;
      }

    .header-columns {
        margin: 4px;
        /*margin-left: 30px;*/
        margin-bottom: 10px;
        font-size:14px;
        border-color: gray;
        border-bottom-style: solid;
        border-bottom-width: 1px;;
    }
    .header-demo {
        margin: 2px;
        margin-left:30px;
    }
    .header-awards {
        margin: 2px;
        margin-left:30px;        
    }
    
    .header-titles {
        text-align: center;
        background-color: #C5E6F0;
        font-weight: 800;
        border-bottom-width: 100%;
        border-bottom-style: solid;
        border-color: #5593fd;
        margin: 4px;
    }

    .columns {
        margin: 0 10px;

    }
    .row {
        margin-bottom: 45px;
        margin-left:0px;
        margin-right: 0px;
    }

    table.scrolling-tables {
        overflow-x: hidden;
        max-width: 40%;
    }
    th.scrolling-tables {
        overflow-x: hidden;
        max-width: 40px;
    }
    tr.scrolling-tables {
        overflow-x: hidden;
        max-width: 40px;
    }
    td.scrolling-tables {
        overflow-x: hidden;
        max-width: 40px;
    }

    .drop-items a {
      color: black;
      padding: 2px 6px;
      text-decoration: none;
      display: block;
    }

    
    .drop-items a:hover {background-color: #ddd;}
    .dropdown:hover .drop-items {display: block;}
        

    td.sorting_1 {
        text-align: center;
        font-size:11px;
    }

    td.playername {
        text-align:left;
        /*position: -webkit-sticky;
        position: sticky;*/
        /*font-size:14px;*/
    }


    .dropdown-menu {
        position: relative;
        width: 100%;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

    .player-index-menu {
        max-height: 250px;
        overflow-y:scroll;
    }

    .team-dropdowns {
        height: 250px;
    }

    .dropdown-item a {
        color: black;
        padding: 2px 6px;
        text-decoration: none;
        display: block;
    }

    a.dropdown-item:hover{
        /*border-color: #727272;*/
        background-color: #727272;
        color:white;
    }

    .dropdown-item {
        background-color: #f1f1f1;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /*Attempting removal 12/9/2021. Check effect sitewide*/
        z-index: 1;
    }

    .layer-strip {
        position:sticky;
        position:-webkit-sticky;
        top:0;
        z-index: 2;
        background-color: #a5a5a5; /*To change: rgba(224, 225, 226, 0.549);*/ 
        width: 100%;
        padding:0;
        margin:0;
        overflow:visible;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        /*white-space: normal;*/
    }

    /*
    .layer-strip div {
        padding: 2px;
        margin: 1px;
    }
    */

    a.awards{
        display:inline-block;
        padding:0.3em 0.5em;
        margin: 0.5em 0.3em;
        border:0.16em solid rgba(255,255,255,0);
        border-radius:2em;
        box-sizing: border-box;
        text-decoration:none;
        font-weight:900;
        color:black;
        text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
        text-align:center;
        transition: all 0.2s;
        background-color:#d2fb39;
        border-color:#d0dd00
    }
    a.awards:hover{
        border-color: #727272;
        background-color: #d7d800;
    }
    @media all and (max-width:30em){
    a.awards{
        display:block;
        margin:0.2em auto;
    }
    }

    .teampagebanner {
        margin: 30px auto 0 auto;
    }

    a.seasonnavigators {
        margin: 30px auto 0 auto;
        display: inline-block;
        border: 0.16em solid rgba(255,255,255,0);
        border-radius: 2em;
        box-sizing: border-box;
        text-decoration: none;
        font-weight: 900;
        color: #FFFFFF;
        text-shadow: 0 0.04em 0.04em rgb(0 0 0 / 35%);
        text-align: center;
        transition: all 0.2s;
        background-color: #4e9af1;
        border-color: #5f4fc7;
        height: 40px;
    }

    table.leaderboards{
        display:block;
        max-height: 400px;
        width:min-content;
        /*width: 90%;
        padding-right: 3%;
        padding-left: 3%;*/
        overflow-y:scroll;
        overflow-x: auto;
        border-style:hidden;
        border-bottom-style:solid;
        border-width: 5px;
        border-color: darkslategray;
        margin: 0px 20px;
    }
    
    table.leaderboards td {
        font-size: 11px;
        padding: 3px;
    } 
    
    table.leaderboards th {
        padding: 3px;
        font-size: 11px;
    }

    h2 {
        text-align:center;
        background-color: #C5E6F0;
        font-weight: 800;
        border-bottom-width: 100%;
        border-bottom-style: solid;
        border-color: #5593fd;
        /*margin-bottom: 0;*/
        margin-bottom: 15px;
    }

    .homepageheader {
        font-size: 50px;
        text-align: center;
    }

    .homepagetitlebanner {
        background-color:#343a40;
        color:white; 
        margin: 0 30px;
        text-align:center;
        padding-bottom: 20px;
    }

    .centerrow {
        width:fit-content;
        margin:auto;
    }

    .homepageheaderouterbox {
        background-color:#343a40;  
        align-items:center;
        padding-top: 15px;
    }

    .footerp {
        background-color: #C5E6F0;
        padding: 10px 20px;
        margin:0;
        border-top-width: 100%;
        border-top-style: solid;
        border-color: #5593fd;
    }

    .current-season-context {
        text-align: center;
        background-color: #5593fd;
        font-weight: 800;
        border-top-width: 100%;
        border-top-style: solid;
        border-bottom-width: 100%;
        border-bottom-style: solid;
        border-color: #5593fd;
        /*margin: 4px;*/
        color: white;
        /*margin-left: 30px;
        margin-right: 1%;*/
        margin-bottom: 0;
    }

    .context-box {
        align-items: center;
        width: 350px;
        /*padding-left: 6%;
        margin-left: 0px;*/
    }

    .context-box p {
        margin-left: 30px;
    }

    footer {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .season-page-player-dropdown {
        max-height:fit-content; 
        overflow-y: visible;
    }

    .toolt {
        display: inline-block;
        padding: 0.3em 1.2em;
        margin: 0.3em 1.5em;
        border: 0.16em solid rgba(255,255,255,0);
        border-radius: 2em;
        box-sizing: border-box;
        text-decoration: none;
        font-weight: 900;
        color: #FFFFFF;
        text-shadow: 0 0.04em 0.04em rgb(0 0 0 / 35%);
        text-align: center;
        transition: all 0.2s;
        background-color: black;
    }

    .tooltip-inner {
        /*max-width: fit-content; =*/
        max-width:90%;
        overflow-x:scroll;
        background-color: white;
        border: black;
        border-style: ridge;
        opacity: 1;
        filter: alpha(opacity=100);
        max-height: 500px;
        overflow-y: scroll;
    }

    .tooltip.show {
        opacity: 1 !important;
    } 

    .ttd {
        color: black;
        font-size: 12px;
        border-right:hidden;
        border-left:hidden;
    }

    .tth {
        color: black;
        /* TAKING OUT TO TEST
        border-left: 1px solid gray;
        border-right: 1px solid gray;
        */
        border-left:hidden;
        border-right:hidden;
        text-align: center;
        font-weight: 700;
    }

    .tooltiphead {
        color: black;
        border: hidden;
        border-bottom: 3px solid black;
        box-shadow: 4px 0 2px 0 #4D4D4D;
        padding: 2px 12px;
        /*text-decoration: underline;
        text-underline-offset: 10px;*/
        font-size: 14px;
        text-align:center;
        /*border: 2px solid black;*/
    }

    .val {
        background-color:#EAEAEA; /*#D9D9D9*/
    }

    .pct {
        background-color: #C6C6C6; /*#E0E0E0;*/
    }

    .lg {
        background-color: #C6C6C6;

    }

    .diff {
        background-color: #9C9C9C;
        /*box-shadow: 2px 0 1px 0 #4D4D4D;*/
        /*box-shadow: 4px 0 2px 0 #4D4D4D;*/
    }

    .avg {
        background-color: #C6C6C6;   
    }

    .avg, .diff, .ply {
        font-size: 11px;
    }

    .ttinfo {
        color: black;
        font-size: 12px;
        border-right:hidden;
        border-left:hidden;
        text-align: left;
        padding-left: 5px;
    }

    .tthinfo {
        font-style: italic;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: whitesmoke;
        color:#8D8D8D;
    }

    .valdata {
        padding-right: 4px;
        padding-left: 7px;
        text-align: right;
    }

    .pctdata {
        text-align:center;
        font-weight: 600;
        padding-right: 7px;
        padding-left: 7px;
    }

    .pbptooltiphead {
        color: black;
        border: hidden;
        border-bottom: 3px solid black;
        padding: 2px 12px;
        font-size: 11px;
        text-align:center;
    }

    .tts {
        font-size:11px;
    }

    .ttds {
        color: black;
        font-size: 10px;
        border-right:hidden;
        border-left:hidden;
    }

    .lgdata {
        text-align:center;
        font-weight: 600;
        padding-right: 4px;
        padding-left: 4px;
        font-style: italic;
        background-color: #EAEAEA;;
        color:#757575; /*#8A8B8A; #9C9C9C;*/
    }

    button.toolt:hover {
        box-shadow: 0px 5px 5px 5px #757575;
        /*background-color: #8D8D8D;*/
        background-color: #FFB000; /*#F4B702; #F9BB00;*/
        border: 0.16em solid black;
    }

    .playerdetail {
        box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.4);
        font-size: 10px;
        /*font-style: italic;*/
        /*color:#757575;*/
        padding-right: 4px;
        padding-left: 4px;
    }

    .smallphoto {
        width: 40px;
        height: 40px;
    }

    h1 > img {
        padding-right: 50px;
        /*padding-left: 50px;*/
    }

    .fullteamname {
        /*height: 300px;*/
        /*padding: 40px 0px;*/
        display:inline-block;
        /*padding-bottom:100px;*/
        /*padding-top: 100px;*/
        /*height: 400px;*/
        vertical-align: sub;
        /*background-color: blue;*/
        line-height: 3em;
    }

    .detval {
        color: black;
        text-shadow: #a5a5a5;
        font-weight: 600;
    }

    .detavg {
        text-align:center;
        /*font-weight: 600;*/
        padding-right: 4px;
        padding-left: 4px;
        font-style: italic;
        background-color: #EAEAEA;;
        color:#757575; /*#8A8B8A; #9C9C9C;*/   
    }

    .detdiff {
        text-align: center;
        font-style: italic;
        color: #4D4D4D;
        font-weight: 700;
        box-shadow: 2px 0 1px 0 #4D4D4D; /*#a5a5a5;*/
    }

    .hclabel { 
        /*margin-right: 10px;*/
        color:#FFC107;
        font-weight: 600;
        font-stretch: ultra-expanded;
        /*padding-left: 4px;*/
        /*font-style: italic;*/
        /*margin-top:0px;
        border-radius: 0px;
        padding-top:0px;
        height: 100%;
        line-height: 21px;*/
    }

    .ratelabels {
        color:#a5a5a5;
        font-style:italic;
        padding-right: 5px;
    }

    .dataTables_wrapper {
        /*box-shadow: 0px 0px 16px 0px slategray;*/
        width: 380px;
        padding: 10px;
    }

    .dataTables_length {
        font-size: 10px;
    }

    .dataTables_filter {
        font-size: 10px;
    }

    .dataTables_info,.dataTables_paginate {
        font-size: 10px;
    }

    /*td.sorting_1 {
        text-align: center;
    }*/

    .testclass td {
        font-size: 11px;
    }

    .thumb {
        height:30px;
        width: 30px;
        margin-left:16px;
    }

    /*
    table.standings td {
        font-size: 16px;
        padding:1px 8px;
        background-color: white;
        text-align: left;
    } 

    table.standings th {
        padding: 0.2px;
    }

    .standings tr:hover {
        box-shadow: none;
        font-style: italic;
        font-weight: 900;
    }
    */

    .standings {
        width:250px;
        white-space: nowrap;

    }

    .popover {
        min-width:fit-content;
    }

    

    .headshot {
        width: 20px;
        height: 20px;
        float:right;
    }

    .popoverhead {
        box-shadow: 2px 0px 5px 0px slategray;
        /*border-right: 0.5px slategray;*/
    }

    .playoffs {
        width:1200px;
        margin-left:40px;
    }

    .playoffs tr,td {
        white-space: nowrap;
        text-align: left;
    }

    .playername a {
        float:left;
        padding-left:5px;
        /*font-size:14px;*/
    }

    #stat-table td.stat-table-names {
        font-size:14px;
    }

    #stat-table td {
        font-family: 'Andale Mono',Poppins,'Open Sans',Lato,'Montserrat',Helvetica, sans-serif;
        padding: 0;
        margin:0;
        border: 0;
        border-top:hidden;
        box-shadow: 2px 2px 8px 0 #4D4D4D;
        font-size:11px;
        text-align:center;
        background-color: #EDEDED;

    }

    #stat-table_wrapper {
        width: 90%;
        min-width:fit-content;
        margin: 20px;
    }

    #stat-table_length {
        font-size:14px;
    }

    #stat-table_filter {
        font-size:14px;
    }

    #stat-table_info {
        font-size:14px;
    }

    #stat-table_paginate {
        font-size:14px;
    }

    .rk {
        display:block;
        background-color:#525252;
        width:100%;
        padding:0px;
        margin:0px;
        border: 1px black;
        text-shadow: 1px 1px #343a40;
        font-weight:900;
        text-align:center;
    }

    /*td.sorting_1 {
        font-size:11px;
    }*/

    table.dataTable thead th, table.dataTable thead td {
        padding: 2px 4px;
        font-size: 11px;
    }

    #stat-table_wrapper {
        box-shadow: none;
        width: 380px;
        padding: 10px;
    }

    table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
    table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
        background-color: #EDEDED;
    }

    .sorting {
        border: hidden;
        box-shadow: 2px 2px 8px 0 #4D4D4D;
        text-align:center;
        background-color: #C5E6F0;
    }

    /*
    .hide-on-load {
        display:none;
    }
    */

    .season-player-stats-links {
        /*border-color: #3167db;*/
        background-color: #8EE4FF;
        border-bottom: 3px solid #5593fd; 
        padding: 5px 0; 
    }

    .season-player-stats-links span {
        padding-left: 20px;
    }

    .season-player-stats-links a {
        font-size: 11px;
        background-color:#4D4D4D;
        border-color:#4D4D4D;
        /*border-color:#8D8D8D;*/
    }

    .season-player-stats-links a:hover {
        font-size: 11px;
        background-color:#FFB000;
        border-color:#4D4D4D;
        color:black;
        box-shadow: 0px 5px 4px 0 slategrey;
        font-weight:100;
        font-size:14px;
    }
    
    #stat-table tr.stat-table-rows:hover td {
        background-color: #c7c7c7;
        box-shadow: 0px 0px 4px 2px;
    }

    .player-search {
        color:#4D4D4D;
        font-size:14px;
    }

    #example td.player-search {
        text-align:left;
        font-family:'Andale Mono',Poppins,'Open Sans',Lato,'Montserrat',Helvetica, sans-serif;
        background-color: #F5F5F5;
        font-size:16px;
        padding:3px 5px;
    }

    .player-search a {
        /*color:#4D4D4D;*/
        font-size:14px;
        width:100%;
        display: flex;
        align-items:center;
    }

    #example td.player-search:hover {
        background-color: #4e9af1; /*#DEDEDE;*/
        font-weight: 800;
    }

    #example td.player-search:hover a {
        background-color: #4e9af1;
        color:white;
        font-weight: 800;
        /*font-size:20px;*/
    }

    table.dataTable.display tbody td.player-search.sorting_1:hover {
        border-top:none;
    }

    #example table.dataTable {
        border-collapse:collapse;
    }

    #example_length, #example_filter,#example_info,#example_paginate {
        float:left;
        clear:both;
    }

    #example_previous {
        margin-left:0px;
        padding-left: 0px;
        clear:both;
        float:left;
    }

    #example_wrapper {
        width: 200px;
    }

    #example th.sorting {
        box-shadow: none;
        font-size:20px;
        padding: 3px 0px;
        border: 2px solid #4e9af1
    }

    #East,#West {
        width: 500px;
    }

    #player-search td, #team-search td {
        background-color:white;
        text-align:left;
        padding: 2px 5px;
    }

    #player-search td a, #team-search td a {
        font-size:12px;  
    }

    #player-search th, #team-search th {
        font-size:20px;  
        background-color: #5593fd;
        color:white;
        box-shadow: none; 
        /*min-width:fit-content;*/
        min-width: 150px;
    }

    div#player-search_wrapper.dataTables_wrapper.no-footer, div#team-search_wrapper.dataTables_wrapper.no-footer {
        margin: 0px 50px;
        min-width: fit-content;
    }

    #team-search_paginate, #player-search_paginate {
        float:left;
    }

    #team-search_previous, #player-search_previous {
        margin: 0;
        padding: 0;
    }

    /* REMOVED 7/24/2024 - the "popup" action was too jarring
    tr:hover td.playerdetail{
        font-size:14px;
        padding: 1px 8px;
    }
    */
    .tiny {
        height:30px;
        width: 30px;
        margin: 2px 10px;
    }

    .no-shadow:hover {
        box-shadow: none;
    }

    #team-search tr.no-shadow:hover a {
        font-size: 24px;
    }

    table.sortable.leaderboards td {
        padding: 3px 0 0 0;
        /*margin: 1px 0 0 0;*/
        margin:0;
        text-align:center;
    }

    table.sortable.leaderboards td.playername {
        /*font-size:14px;*/
        padding: 0;
    }

    .value {
        display: block;
        padding: 0px 4px;
        text-align:right;
    }

    table.leaderboards td {
        width:min-content;
    }

    .leaderboard-tablenames {
        margin-top:30px;
    }

    table.sortable.leaderboards tr:hover td{
        background-color: #d4d4d4;
        font-weight:900;
    }

    table.sortable.leaderboards tr:hover span.value {
        background-color: #d4d4d4;
        font-style: italic;
        text-align:center;
        text-shadow: #4D4D4D;
        font-weight:900;
    }

    #team-index_wrapper {
        width: 90%;
        margin: 10px 20px;
    }

    #team-index_info,#team-index_filter,#team-index_length, #team-index_paginate {
        font-size: 14px;
    }

    table #team-index {
        width:100%;
    }

    #team-index td {
        background-color:white;
        font-size: 20px;
        text-align: left;
    }

    #team-index th {
        font-size:20px;
    }

    table.dataTable thead .sorting_asc {
        background-image: url("/Icons/SortAsc24.png") !important;
        background-position: 10px 5px;
        background-color:#03A9F4;
    }
    
    table.dataTable thead .sorting_desc {
        background-image: url("/Icons/SortDesc24.png") !important;
        background-position: 10px 5px;
        background-color:#03A9F4;
    }

    table.dataTable thead .sorting {
        background-image:none;
        background-color:#03A9F4;
        border: 1px solid black;
        border-collapse: collapse;
    }

    table.dataTable thead .sorting_asc_disabled {
        background-image: url("/Icons/SortAsc24.png") !important;
        background-position: 10px 5px;
        background-color:#03A9F4;
    }

    table.dataTable thead .sorting_desc_disabled {
        background-image: url("/Icons/SortDesc24.png") !important;
        background-position: 10px 5px;
        background-color:#03A9F4;
    }

    #player-index_wrapper {
        width: 90%;
        margin: auto 30px;
    }

    #player-index_filter,#player-index_info,#player-index_paginate,#player-index_length {
        font-size: 20px;
    }

    #player-index th {
        font-size:20px;
    }

    #player-index td {
        padding: 5px 10px;
    }

    #player-index a {
        font-size:20px;
    }

    table.dataTable tr.stat-table-rows th {
        background-image: none !important;
    }

    .seasonsummarylinks {
        width: 100%;
        background-color: #D9D9D9;
        align-items: center;
        text-align: center;
        font-style: italic;
        font-weight:900;
        color: #969696;
        text-shadow: 1px 1px black;
        font-size: 22px;
    }

    .seasonsummarylinks:hover {
        text-decoration: underline;
        color:white;
        /*font-style: normal;*/
        text-shadow: 1px 1px 4px black;
    }

    p.button{
        display:inline-block;
        padding:0.3em 1.2em;
        margin: 0.5em 5px;
        border:0.16em solid rgba(255,255,255,0);
        border-radius:2em;
        box-sizing: border-box;
        text-decoration:none;
        font-weight:600;
        color:#FFFFFF;
        /*text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);*/
        text-shadow: black 1px 1px;
        text-align:center;
        transition: all 0.2s;
        background-color: #4e9af1;
        border-color: #5f4fc7;
    }
    p.button:hover{
        border-color: rgba(255,255,255,1);
        background-color: #3167db;
    }

    @media all and (max-width:30em){
    p.button{
        display:block;
        margin:0.2em auto;
        width: fit-content;
        /*max-width: 20%;*/
        font-size: 7px;
        margin: 2px 2px;
        padding: 4px 4px; /*1px;*/
        height: 20px;
        vertical-align: middle;
    }
    div.layer-strip a.button{
        display:block;
        margin:0.2em auto;
        width: fit-content;
        /*max-width: 20%;*/
        font-size: 8px;
        margin: 2px 2px;
        padding: 4px 4px; /*1px;*/
        height: 20px;
        text-shadow: black 1px 1px;
        vertical-align: middle;
    }
    div.dropdown {
        font-size:8px;
    }
    }


    p.awards{
        display:inline-block;
        padding:0.3em 0.5em;
        margin: 0.5em 0.3em;
        border:0.16em solid rgba(255,255,255,0);
        border-radius:2em;
        box-sizing: border-box;
        text-decoration:none;
        font-weight:900;
        color:black;
        text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
        text-align:center;
        transition: all 0.2s;
        background-color:#d2fb39;
        border-color:#d0dd00
    }
    p.awards:hover{
        border-color: #727272;
        background-color: #d7d800;
    }
    @media all and (max-width:30em){
    p.awards{
        display:block;
        margin:0.2em auto;
    }
    }

    .helptext {
        background-color: #ddd;
        color: #8D8D8D; /*#343a40;*/
        width:800px;
        padding: 4px 30px;
        font-size:20px;
        margin: 0;
        line-height: none;
        font-weight:100;
        /*font-style: italic;*/
        text-align:left;
    }

    .inline-image {
        width:110px;
        height:60px;
        vertical-align:top;
        /*padding-bottom:15px;*/
        padding-top:0px;
        margin-top:0px;
    }

    .inline-image-container {
        padding-top:0px;
        margin-top:0px;
        height:fit-content;
        vertical-align: top;
    }

    .guide {
        color: #343a40;
        font-style: normal;
        font-weight: 900;
    }

    /* 7/25/2022 Redesign */
    /*
    .sortable td {
        border-right:hidden;
        border-left:hidden;
        border-top:0px;
        border-bottom:0px;
        text-align: right;
        background-color: white;
        padding-right:2px;
    }

    tr.evenrows {
        border-bottom:1px solid black;
    }

    .sortable th {
        border-bottom:5px solid black;
        border-right:hidden;
        border-left:hidden;
        border-top:0px;
    }

    .sortable tfoot td {
        background-color: #c7c7c7;
    }

    tr:hover td {
        background-color:#8EE4FF;
    }
    */
    /*7/25/2022 Redesign */


    @media all and (max-width: 600px) {
        #navbarDropdown, a.dropdown-item {
            max-width: 80vw;
            font-size: 10px;
        }
        #player-search {
            max-width:60vw !important;
        }

        #team-index td {
            font-size:11px;
            background-position: 150px center !important;
        }
        

        /* TEST REMOVE 05/03/2022
        div.dropdown-menu {
            width:100px;
        }
        */

        /* This effectively hides the "Search All Players" dataTable on mobile when it's placed in a collapsible element. Need to 
        figure out why I added this in the first place
        div.columns::-webkit-scrollbar, div.row::-webkit-scrollbar { 
            width: 0 !important 
        }
        */

        button.toolt {
            max-width:20%;
            font-size:8px;
            margin: 2px 2px;
            padding: 1px 1px;
            height: 30px;
            vertical-align: middle;
        }
    }


    @media all and (max-width: 640px) {
        div #player-search_filter,#player-search_info,#player-search_paginate,#player-search_length,
        #team-search_filter,#team-search_info,#team-search_paginate,#team-search_length {
            float:left;
            align-items:left;
        }
        div #player-search_filter,#team-search_filter {
            clear:both;
        }

        button.navbar-toggler {
            float:right;
        }

        /* MOBILE DESGIN TESTING */
        .drop-items {
            position: absolute;
            width:fit-content;
        }

        .row {
            min-width:fit-content;
        }

        .row .dropdown {
            width:fit-content;
            padding-left: 10px;
            padding-top:10px;
        }

        div.dropdown-menu {
            width:100%;
            min-width:fit-content;
            position:relative;
        }

        .row, .columns {
            height:fit-content;
        }

        /*
        td,th {
            font-size: 10px;
            padding: 1px 1px;
        }
        */
        
            /*background-color: #f1f1f1;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            max-height:90px;
            overflow-y: auto;
            */
        
        }
        /*---------------------------------------------------------------*/

        @media all and (max-width:600px){
            summary {width: 80vw;}
            .awards-menu {height: fit-content; padding-bottom: 10px;}
        }

        .dropdown-tray {
            align-items: center;
        }